<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view>

	<h:head>
		<title>Registro de Persona</title>
		<meta http-equiv="X-UA-Compatible" content="IE=7" />
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: url('images/fond1.jpg');
}

.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}
</style>
		<script language="JavaScript" type="text/javascript">
		<!-- 
		function validar(e) {
			tecla = (document.all) ? e.keyCode : e.which;
			if (tecla==8) return true;
			patron =/[A-Za-z\s]/;
			te = String.fromCharCode(tecla);
			return patron.test(te);
		}
		//-->
	</script>
	</h:head>
	<h:form id="formRegPer">
		<p:dialog modal="true" widgetVar="statusDialog"
			header="Enviando formulario del Proceso..." draggable="false"
			closable="false" closeOnEscape="false" resizable="false">
			<p:graphicImage value="/design/ajaxloadingbar.gif" />
		</p:dialog>

		<p:panel header="Formulario de Datos" id="formulario"
			style="width: 970px; height: 800px; margin: auto;">
			<div style="height: 29px;" align="right">
				<p:commandButton
					actionListener="#{personaBM.verDatosPersonaNatural}"
					update="formRegPer:tipoPersona" immediate="true"
					style="background: url('images/muni/persona_natura.png') no-repeat;
												width: 140px; 
												height: 24px; border:0" />
				<p:spacer width="20" />
				<p:commandButton
					actionListener="#{personaBM.verDatosPersonaJuridica}"
					update="formRegPer:tipoPersona" immediate="true"
					style="background: url('images/muni/persona_juridica.png') no-repeat;
												width: 140px; 
												height: 24px; border:0" />
				<p:spacer width="20" />
				<h:commandButton image="images/botton/back.png"
					action="#{personaBM.backToIndex}" ajax="false" immediate="true"
					title="Regresar a la página anterior" type="button"
					style="width: 20px; height: 20px;" />
			</div>
			<p:panel header="Persona prueba....">

				<table width="100%" border="0">
					<tr>
						<td width="50%"><p:outputPanel id="tipoPersona">
								<c:choose>
									<c:when test="#{personaBM.tipoPersona=='nat'}">
										<h:panelGrid columns="3" cellspacing="10"
											style="margin:0 auto;">
											<h:outputText value="Tipo Documento de Identidad:" />
											<h:selectOneListbox id="tipodni"
												disabled="#{personaBM.estText}"
												value="#{personaBM.idTipoDocumento}" size="1">
												<f:selectItems
													value="#{personaBM.listaDocumentoIdentidadRegister}" />
												<p:ajax update="numDocIden" process="tipodni" event="change"
													actionListener="#{personaBM.tamañoCaja}" />
											</h:selectOneListbox>
											<p:spacer />

											<h:outputText value="Número de documento Identidad :" />
											<p:inputMask id="numDocIden" disabled="#{personaBM.estText}"
												value="#{personaBM.objPersona.numDocumento}"
												mask="#{personaBM.formatInputMask}" required="true"
												requiredMessage="Digite el número de documento" />
											<p:message for="numDocIden" />

											<h:outputText value=" Nombres:" />
											<h:inputText id="nombrePersona" maxlength="40"
												value="#{personaBM.objPersona.nombrePersona}"
												required="true" requiredMessage="Debe ingresar un nombre" />
											<p:message for="nombrePersona" />

											<h:outputText value=" Apellido Paterno :" />
											<h:inputText id="apellPater" maxlength="40"
												value="#{personaBM.objPersona.apellPater}" required="true"
												requiredMessage="Debe ingresar apellido paterno" />
											<p:message for="apellPater" />

											<h:outputText value=" Apellido Materno :" />
											<h:inputText id="apellMater" maxlength="40"
												value="#{personaBM.objPersona.apellMater}" required="true"
												requiredMessage="Debe ingresar apellido materno" />
											<p:message for="apellMater" />

											<h:outputText value="Sexo :" />
											<h:selectOneListbox id="sexoPer"
												value="#{personaBM.idCboSexo}" size="1">
												<f:selectItems value="#{personaBM.listarSexo}" />
											</h:selectOneListbox>
											<p:spacer />
										</h:panelGrid>
									</c:when>
									<c:when test="#{personaBM.tipoPersona=='jur'}">

										<h:panelGrid columns="3" cellspacing="10"
											style="margin:0 auto;">
											<h:outputText value="Ruc :" />
											<p:inputMask mask="99999999999"
												disabled="#{personaBM.estText}"
												value="#{personaBM.objPersona.ruc}" id="ruc" maxlength="11"
												required="true"
												requiredMessage="Se necesita el número de ruc" />
											<p:message for="ruc" />

											<h:outputText value="Razón Social:" />
											<h:inputText id="razon" maxlength="40"
												value="#{personaBM.objPersona.razonSocial}" required="true"
												requiredMessage="Se necesita la Razon Social de la empresa">
											</h:inputText>
											<p:message for="razon" />

											<h:outputText value="Representante Legal" />
											<h:inputText id="representante"
												value="#{personaBM.objPersona.representanteLegal}"
												required="true"
												requiredMessage="Se necesita un representante legal " />
											<p:message for="representante" />
										</h:panelGrid>

									</c:when>
								</c:choose>
							</p:outputPanel></td>
						<td width="50%"><h:panelGrid columns="3" cellspacing="10"
								style="margin:0 auto;">
								<h:outputText value="Dirección :" />
								<h:inputText id="direccion" required="true" size="50"
									requiredMessage="Debe ingresar una dirección"
									value="#{personaBM.objPersona.nombreDireccion}" maxlength="100">
								</h:inputText>
								<p:message for="direccion" />

								<h:outputText id="dptod" value="Departamento" />

								<h:selectOneListbox value="#{personaBM.idDepartamento}" size="1"
									id="ciudad">
									<f:selectItem itemLabel="---Seleccione un Departamento----"
										itemValue="-1" />
									<f:selectItems value="#{personaBM.listDepartamentos}" var="a"
										itemLabel="#{a.id}" itemValue="#{a.descripcion}" />
									<p:ajax update="provincia,distrito" process="ciudad"
										event="change" actionListener="#{personaBM.cambioProvincia}" />
								</h:selectOneListbox>
								<p:spacer />

								<h:outputText id="prov" value="Provincia" />
								<h:selectOneListbox value="#{personaBM.idProvincia}" size="1"
									id="provincia">
									<f:selectItem itemLabel="---Seleccione una Provincia----"
										itemValue="-1" />
									<f:selectItems value="#{personaBM.listProvincia}" />
									<p:ajax update="distrito" process="provincia" event="change"
										actionListener="#{personaBM.cambioDistrito}" />
								</h:selectOneListbox>
								<p:spacer />

								<h:outputText id="dist" value="Distrito" />
								<h:selectOneListbox value="#{personaBM.idDistrito}" size="1"
									id="distrito">
									<f:selectItem itemLabel="---Seleccione un Distrito----"
										itemValue="-1" />
									<f:selectItems value="#{personaBM.listDistrito}" />
								</h:selectOneListbox>
								<p:spacer />

								<h:outputText value="Teléfono Celular:" />

								<p:inputMask id="telefono1" mask="999-999-999"
									value="#{personaBM.objPersona.telefono1}" />
								<p:message for="telefono1" />

								<h:outputText value="Teléfono Fijo:" />
								<p:inputMask id="telefono2" mask="999-9999"
									value="#{personaBM.objPersona.telefono2}" />
								<p:message for="telefono2" />


								<h:outputText value="E-mail :" />
								<h:inputText id="email" value="#{personaBM.objPersona.email}"
									size="34" required="true"
									requiredMessage="Debe ingresar un e-mail">
									<f:validator validatorId="validationEmail" />
								</h:inputText>
								<p:message for="email" />
								
								<h:outputText value="E-mail Alterno:" />
								<h:inputText id="alterno" value="#{personaBM.objPersona.emailAlterno}"
									size="34" >
									<f:validator validatorId="validationEmail" />
								</h:inputText>
								<p:message for="alterno" />

							</h:panelGrid></td>
					</tr>
				</table>
				<br />
				<p:panel header="Condiciones del servicio">
					<div style="text-align: right;">
						<a
							href="http://app.gobconsult.net:8086/ahoraSoft/condicionUso.jsf"
							target="_blank">Versión imprimible</a>
					</div>
					<div style="overflow: auto; height: 150px; border: 1px">

						<h:panelGrid columns="1" cellspacing="10"
							style="margin:1 auto; font-family: Calibri;">
							<h:outputText value="#{personaBM.condicioneUso}" escape="false"
								style="margin:1px; " />
						</h:panelGrid>
					</div>
					<br />
					<div align="center">
						<h:selectOneRadio value="#{personaBM.radioSelect}">
							<f:selectItem itemLabel="Acepto" itemValue="1" />
							<f:selectItem itemLabel="No acepto" itemValue="2" />
						</h:selectOneRadio>
					</div>
				</p:panel>
				<br />
				<table width="100%">
					<tr>
						<td width="100%">
							<div align="center">
								<h:panelGrid columns="5">
									<p:captcha label="Captcha" language="es" theme="white"
										requiredMessage="El texto ingresado no coincide con la capcha" />
									<p:spacer width="10" />
									<p:commandLink update="msjA" action="#{personaBM.insertar}"
										ajax="false" onclick="statusDialog.show();">
										<h:graphicImage value="images/botton/completereg.png"
											style="border:0;width: 120px; height: 50px;"
											title="Completar registro de la persona" />
									</p:commandLink>
									<p:spacer width="10" />

									<h:commandButton image="images/botton/limpiar.png"
										action="#{personaBM.limpiarFormulario}" ajax="false"
										immediate="true" title="Limpiar formulario" type="button"
										style="width: 120px; height: 50px;" />

								</h:panelGrid>
							</div>
						</td>
					</tr>

				</table>


				<br />
			</p:panel>

		</p:panel>
		<p:growl life="4000" showDetail="true" id="msjRegUs" autoUpdate="true" />
	</h:form>
</f:view>
</html>